<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>register</title>
    <!-- 重置 -->
    <link rel="stylesheet" href="../css/normalize.css" />
    <!-- 公共 -->
    <link rel="stylesheet" href="../css/public.css" />
    <!-- 当前 -->
    <link rel="stylesheet" href="../css/register.css" />
  </head>
  <body>
    <!-- head -->
    <div class="heat">
      <div class="clearfix container">
        <div class="fl">
          <img src="../imgs/new-logo-white2.png" alt="" />
        </div>

        <p class="head-text c8e f14 fr">
          已有源码账号，
          <a href="../page/login.html">立即登录</a>
        </p>
      </div>

    </div>

    <!-- center -->
    <div class="center container">
        <div class="center-text clearfix">
            <h1>欢迎注册</h1>
            <h2>百款接口免费试用</h2>
            <p class="log-free">注册即送300元大礼包</p>

            <div class="center-list">
              <input class="center-input" id="user" type="text" placeholder="用户名（6~20位字母数字）">
              <img id="input-icon" src="../imgs/clearInput.png" alt=""> 

              <p class="list-p clearfix">
                <span class="err-icon fl"></span>
                <span class="msg fl">昵称需在6-12位字母数字间</span>
              </p>

            </div>

            <div class="center-list">
              <input class="center-input" id="tel" type="text" placeholder="请输入手机号码">
              <img  id="input-icon" src="../imgs/clearInput.png" alt="">

              <p class="list-p clearfix">
                <span class="err-icon fl"></span>
                <span class="msg fl">请输入正确的手机号</span>
              </p>

            </div>

           <div class="center-list clearfix">
              <input class="tel-input center-input fl" type="text" placeholder="请输入手机短信验证码">
              <img id="input-icon" class="list-img"src="../imgs/clearInput.png" alt="">
              <button class="codeBtn fl">获取验证码</button>

              <p class="list-p clearfix">
                <span class="err-icon fl"></span>
                <span class="msg fl">请输入4位手机验证码</span>
              </p>

           </div>

            <div class="center-list">
              <input class="center-input" id="pwd" type="text" placeholder="请输入6至12位的密码">
              <img id="input-icon" src="../imgs/clearInput.png" alt="">

              <p class="list-p clearfix">
                <span class="err-icon fl"></span>
                <span class="msg fl">请输入6至12位的密码</span>
              </p>

            </div>

            <input class="checkbox" type="checkbox" name="" id="">
            <span class="reads">
              我已阅读并接受
            <a href="#">《源码用户服务协议》</a>
            <a href="#">《源码隐私政策》</a>
            </span>
            <button class="center-btn">立即注册</button>
        </div>
            
    </div>

    <script src="../js/register.js"></script>
  </body>
</html>
